<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit">
<title>迅雷会员 因快而乐</title>







<script>
  var STATICSOURCE = "http://img.vip.kanimg.com/n_vip_7/js/vipnew/" ,
      VERSION = "20161222" ,
      SOURCE = "http://vip.xunlei.com/vipnew/dist/" ,
      BASEDOMAIN = "xunlei.com",
      URI_REG =/http:\/\/vip.xunlei.com\/vipnew\/(.+)\/(.*)/,
      DATE = "12月22日";
</script>

<link rel="stylesheet" rev="stylesheet" type="text/css" media="all" href="{{ asset('/home/css/srnewbase.css') }}" />
<link rel="stylesheet" rev="stylesheet" type="text/css" media="all" href="{{ asset('/home/css/srnewpop.css') }}" />
<link rel="stylesheet" rev="stylesheet" type="text/css" media="all" href="{{ asset('/home/css/srpop_tips.css') }}" />

<link rel="stylesheet" href="{{ asset('/home/css/srsupervip.css') }}" />
<script type="text/javascript" src="{{ asset('/home/js/vip2016cjzq.js') }}"></script>






<style type="text/css">
.layout{position: fixed;_position:absolute;top:25%;left:50%; z-index:111}
.layout .pop{ width:460px;position:relative;background:#fff; border:7px #A20000 solid}
.layout .close{position:absolute;top:0px;right:-2px;display:block;width:24px;height:26px;overflow:hidden; text-indent:-999em;background:url(Images/hd_sp.png) no-repeat -44px -119px;}
.layout .popinfo{ padding:20px 27px 10px;font:16px/20px \5FAE\8F6F\96C5\9ED1; line-height:24px; font-size:14px; color:#302F2F;height: auto !important; height:100px; min-height:100px;}
.layout .popinfo p{ margin-bottom:3px}
.layout .btn{ padding:0px 0 20px; text-align:center}
.layout .link_btn{ width:138px; display: inline-block; background:url(Images/hd_sp.png) no-repeat 0 -79px; color:#fff;height:36px;font:20px/36px \5FAE\8F6F\96C5\9ED1; text-align:center}
.layout .link_btn:hover{ text-decoration:none}
.layout .txt_in{ border:1px #B3C3CD solid; margin:0 2px; vertical-align:middle; background:#fff; width:160px; height:22px; line-height:22px; padding:1px 3px;}
.sub_title .arr{ width:0;height:0;overflow:hidden;margin-right:4px;border:#fff solid;border-left-color:#B30000;border-width:4px 0 4px 4px;display:inline-block;vertical-align: middle}
.layout .pay_type{ margin-top:10px}
.layout .pay_type p{ margin:0}
.pay_type input{ margin-right:2px; *margin:0; *vertical-align: middle}
.pay_type .selpad{ padding-right:4px}
.pay_type .selpad02{ padding-right:11px}
.pay_type .on{ font-weight:bold; color:#B40000}
.pay_type .sel_form{ padding-bottom:8px}
.pay_type .sel_bank{ width:150px}
.pay_type .txt_all{ color:#B40000}
/*
 * @author: zhangruojun;
 * @design: suncheng;
 * @update: 2015-04-15;
*/

/**弹层**/
.act-pop-lay { position: fixed;  _position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter:alpha(opacity=50); z-index: 1000; }
.act-pop-box { position: fixed; _position: absolute; top: 50%; left: 50%; background-color: #fff; border-radius: 8px;  z-index: 1001; font-family: \5FAE\8F6F\96C5\9ED1; }
.act-pop-close { display: block; position: absolute; top: 10px; right: 18px; width: 30px; height: 30px; background: url(Images/pop-close.png) no-repeat center center; font-size: 0; line-height: 0; overflow: hidden; }

/*面板内容*/
.act-pop-panel {}
.act-pop-p-hd { border-bottom: 1px solid #e5e5e5; padding: 16px 0 16px 25px; }
.act-pop-p-hd .act-pop-p-titl { color: #c80000; font-size: 18px; font-weight: normal; line-height: 1; }
.act-pop-p-bd { height: auto !important; min-height: 150px; height: 150px; padding: 15px 23px 5px; font-size: 14px; color: #646464; }
.act-pop-p-ft { text-align: right; padding: 5px 23px 20px; }
.act-pop-btn { display: inline-block; width: 118px; height: 34px; margin-left: 4px; border-style: solid; border-width: 1px; border-radius: 6px; line-height: 36px; text-align: center; }
.act-pop-box .act-pop-btn-hot{ background-color: #c80000; color: #fff; }
.act-pop-box .act-pop-btn-hot:hover { text-decoration: none; background-color: #c63636;color: #fff; }
.act-pop-btn-info { border-color: #c8c8c8; color: #646464; }
.act-pop-btn-info:hover { text-decoration: none; background-color: #f5f5f5; }

.act-pop-box { width: 450px; margin-left: -225px; margin-top: -180px; }
.act-pop-box-big { width: 550px; margin-left: -275px; margin-top: -215px; line-height: 1.2; }
.act-pop-box-lon { margin-top: -235px; }


/*表格table*/
.act-pop-table { margin-top: 16px;  width: 504px; text-align: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.act-pop-table th { text-align: left; }
.act-pop-table th, .act-pop-table td { padding-left: 8px; }
.act-pop-table thead { border-bottom: 1px solid #e5e5e5; font-weight: bold; }
.act-pop-table tr { height: 40px; }
.act-pop-table .act-pop-tr-even { background-color: #fafafa; }
.act-pop-table a { color: #c80000; text-decoration: underline; }
.show_code{position: relative;}
.award_code{position: absolute;top: 30px;left: 0;width: 125px;display: none}
.show_code:hover .award_code{display: block;z-index:9;}
.award_code img{width: 100%}
.tb_idx{z-index: 9;position: relative;}

/*分页paging*/
.act-pop-paging { margin-top: 20px; height: 35px; text-align: center; line-height: 28px; font-size: 0; }
.act-pop-pg-prev, .act-pop-pg-next { display: inline-block; width: 70px; height: 28px; border: 1px solid #d7d7d7; border-radius: 30px; font-size: 12px; color: #646464; vertical-align: middle; }
.act-pop-pg-btn-off { border-color: #c8c8c8; background-color: #fafafa; color: #c8c8c8; }
.act-pop-box .act-pop-paging  .act-pop-pg-btn-off:hover { border-color: #c8c8c8; background-color: #fafafa; color: #c8c8c8; cursor: default; }
.act-pop-pg-prev { margin-right: 10px; }
.act-pop-pg-list { position: relative; display: inline-block; *display: inline; font-size: 12px; vertical-align: middle; *zoom: 1; }
.act-pop-pg-list li { float: left; margin-right: 10px; }
.act-pop-pg-btn { display: block; width: 28px; height: 28px;  border: 1px solid #d7d7d7; color: #646464; border-radius: 100%; }
.act-pop-box .act-pop-pg-btn-on, .act-pop-box .act-pop-paging a:hover { border-color: #c80000; background-color: #c80000; color: #fff; text-decoration: none;  }


/*表单form*/
.act-pop-form { margin-top: 18px; }
.act-pop-form input, .act-pop-form textarea, .act-pop-form select { border: 1px solid #e5e5e5; border-radius: 4px; vertical-align: middle; font-family: \5FAE\8F6F\96C5\9ED1; }
.act-pop-form input:focus, .act-pop-form textarea:focus, .act-pop-form select:focus { outline: none; }
.act-pop-form input { height: 36px; width: 108px; padding: 0 6px; line-height: 36px; }
.act-pop-form textarea { height: 60px; width: 238px; padding: 6px; }
.act-pop-fm-sel { margin-bottom: 5px; }
.act-pop-disel { display: inline-block; height: 36px; width: 90px; padding: 0 5px; margin-right: 5px; border: 1px solid #e5e5e5; border-radius: 4px; background-color: #EBEBE4; line-height: 36px; color: #808080; overflow: hidden; text-overflow:ellipsis;white-space:nowrap; }
.act-pop-form select { height: 36px; width: 90px; margin-right: 5px; line-height: 36px; cursor: pointer; }
.act-pop-fm-group { margin-bottom: 10px; }
.act-pop-fm-label { float: left; width: 65px; padding-right: 10px; text-align: right; height: 36px; line-height: 36px; }
.act-pop-fm-content { margin-left: 75px; }
.act-pop-fm-tip { font-size: 12px; color: #d14544; }
.act-pop-code-wp, .act-pop-img-code { display: inline-block; *display: inline; margin-left: 5px; vertical-align: middle;}
.act-pop-img-code img { width: 108px; height: 40px; }
.act-pop-code-wp a { margin-left: 12px; color: #c80000; line-height: 40px; text-decoration: underline; }

/*文本提示*/
.act-pop-p-acle { padding-top: 15px; line-height: 1.8; }
.act-pop-p-name { color: #c80000; font-weight: normal; }
.act-pop-p-count { color: #c80000; }
.act-pop-p-sec { text-indent: 2em; }
.act-pop-p-note { margin-top: 25px; text-align: center; }
.act-pop-ico-note { display: inline-block; height: 48px; width: 48px; margin-right: 10px; background-image: url(Images/pop-note.png); vertical-align: middle; }

</style>
<script>
  var STATICSOURCE = "http://vip.xunlei.com/vipnew/" ,
      VERSION = "20161010" ,
      SOURCE = "http://vip.xunlei.com/vipnew/dist/" ,
      BASEDOMAIN = "xunlei.com",
      URI_REG =/http:\/\/vip.xunlei.com\/vipnew\/(.+)\/(.*)/,
      DATE = "12月22日";
</script>
<script type="text/javascript" src="{{ asset('/home/js/qlogin.min.js') }}"></script>
<script src="{{ asset('/home/js/sea-debug.js') }}" id="seajsnode"></script>
<script src="{{ asset('/home/js/seajs-text.js') }}"></script>

<script>
  seajs.config({
        debug: false
    })
  if (seajs.data.debug) {

    seajs.config({
        base: '/vipnew/dist/',
        alias: {
        "underscore": "underscore/1.6.0/underscore-min.js",
        "jquery" : "jquery/1.11.1/jquery.min.js"
      }
    });
  }
  else {
     seajs.config({
        base: '/vipnew/dist/',
        alias: {
        "underscore": "underscore/1.6.0/underscore-min.js",
        "jquery" : "jquery/1.11.1/jquery.min.js"
      }
    });
  }
</script>
<!--[if IE]>  
    <script src="Scripts/htmlfive.js"></script>
<![endif]-->


<style>
  html,body{overflow:hidden; width: 100%; height: 100%;}
  #fullpage{position: absolute; left: 0; top: 0; width: 100%;}
</style>
<style type="text/css">
  .pop-mask { position: fixed; _position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; _height: 1944px; background: #000; opacity: .3; filter: alpha(opacity=30); }
.pop-wrap { position: absolute; z-index: 1001; width: 860px;   overflow-x: hidden; margin-left: -430px; margin-top: -300px; top: 50%; left: 50%; background: #fff; -webkit-box-shadow: 0px 0 50px rgba(0, 0, 0, 0.3); box-shadow: 0px 0 50px rgba(0, 0, 0, 0.3); }
.pop-title { font-size: 20px; color: #2c2c2c; padding-left: 25px; height: 60px; line-height: 60px; border-bottom: 2px solid #ef5151; margin-bottom: 30px; }
.pop-close { position: absolute; right: 0; top: 0; width: 60px; height: 60px; line-height: 60px; font-family: Arial; font-size: 40px; text-align: center; font-weight: 300; color: #999; -webkit-transition: all linear .3s; transition: all linear .3s; }
.pop-close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); text-decoration: none; }
.pop-order { width: 820px; margin: 0 auto;  padding-bottom: 20px; }
.pop-orderhead { background: #e6e6e6; }
.pop-ordertable { width: 100%; color: #666; text-align: center; font-size: 16px; }
.pop-ordertable th,.pop-ordertable td { font-weight: normal; border: 1px solid #999; padding: 0.5em 1em; color: #666; }
</style>
<script type="text/javascript">
    window.habo_aid = "actid_172";
    </script>
</head>
<body class="y16">
<!-- public header -->
<!-- public header -->
<div class="wrapper-head" id="hd_index">
  <div class="vip-header modwp">
  <h1 class="logo">
    <a blockid="top" clickid="logo" class="viplogo" href="http://vip.xunlei.com/index.html?referfrom=pic" title="迅雷会员">迅雷会员</a>
  </h1>
  <h3 class="thid">会员频道导航</h3>

  <div class="h_navin">
    <ul class="menu">
      <li index="1">
        <a blockid="top" clickid="index" title="首页" href="/index.html" class="mid_link">首页</a>
      </li>
      <li index="2">
        <a blockid="top" clickid="gntq" title="功能特权" href="/vip_service/freedom/" class="mid_link">功能特权</a>
      </li>
      <!-- <li index="3">
        <a blockid="top" clickid="lctq" title="理财特权" class="mid_link" href="/vip_service/finance/">理财特权</a>
      </li> -->
      <li index="4">
        <a blockid="top" clickid="" title="美女特权" class="mid_link" href="/vip_service/beauty/">美女特权</a>
      </li>
<!--       <li index="5">
        <a blockid="top" clickid="hyhd" title="会员活动" class="mid_link" href="/vip_service/act/">会员活动</a>
      </li> -->
      <li index="6">
        <a blockid="top" clickid="hyjs" title="会员等级" class="mid_link" href="/vip_service/introduce/">
          会员等级
        </a>
      </li>
      <li index="7">
        <a blockid="top" clickid="cjvip" title="超级会员" class="mid_link" href="/vip_service/supervip/?referfrom=v_pc_hygw_ggong_ad_navisvip">
          超级会员
        </a>
      </li>
      <li index="8">
        <a blockid="top" clickid="nfzq" title="年费专区" class="mid_link" href="/vip_service/year/?referfrom=v_pc_hygw_ggong_ad_nfzq">
        年费专区 <i class="iconhot">热门</i>
        </a>
      </li>
      <li index="9">
          <a title="金融超市" class="mid_link tab_jinrong" href="http://jinrong.xunlei.com/?referfrom=v_pc_hygw_nav" target="_blank">
              <span class="coin"></span>
              <span class="txt" style="display:none;">金融超市<i class="iconnew">new</i></span>
          </a>
      </li>
    </ul>
  </div>

  <div class="vip-usertop">
    <!--未登录状态-->
    <span class="unlogin" id="header-unlogin">
      <a title="登录" name="login" blockid="grzx" href="javascript:void(0)" class="linkmag">
        <span class="userimg"></span>
        立即登录
      </a>
    </span>
    <!--登录状态-->
    <div style="display:none;" class="usertype" id="header-login"></div>
  </div>
</div>

<div class="subnav_wp" style="display: none;">
  <div class="modwp">
    <div class="h_navin">
      <ul class="menu subnav_3" style="display: none;">
        <li>
          <a title="" href="/vip_service/introduce/">会员介绍</a>
        </li>
        <li>
          <a title="" href="/vip_service/rule/">成长规则</a>
        </li>
        <li>
          <a title="" href="http://vip.ka.xunlei.com/?referfrom=v_pc_hygw_hytq_hydjv7" target="_blank">VIP7专区</a>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- vip-header end -->

<script src="{{ asset('/home/js/jquery-1.12.0.min.js') }}"></script>
<script>
    var jqjquery = jQuery.noConflict(true)
    jqjquery(document).ready(function() {
        var anicube;
        anicube = setTimeout(function() {
            jqjquery(".vip-header .tab_jinrong .coin").remove();
            jqjquery(".vip-header .tab_jinrong .txt").show();
        }, 7000);
    })
</script>

</div>
<!-- public header end -->
<script id="loginAfter_tpl" type="text/template">
  
   <a href="http://vip.xunlei.com/vip_service/mycenter/myvip.html" clickid="yhtx" blockid="grzx" class="userimg" target="_blank" id="userimg_hd"><img src="<%= avatar %>" alt="用户头像"></a>
        <div class="userinfo">
          <p class="username_wp"><a href="<%= iconUrl %>" class="<%= icon %>" style="color:<%= nameClass %>" clickid="hytb" blockid="grzx" title="<%= vipName %>" target="_blank"><%= vipName %></a></p>
          
        </div>
          <div class="p_selfcon" style="display:none">
            <a blockid="grzx" clickid="yhtb" href="http://vip.xunlei.com/vip_service/mycenter/myvip.html" class="username" title="">hi，<span><%= userName %></span></a>
            <div class="nav_list">
              <a href="http://vip.xunlei.com/vip_service/mycenter/myvip.html" class="p_links" title="">个人中心</a>
              <a href="javascript:void(0)" name="logout" class="p_links" title="" clickid="tcan" blockid="grzx">退出</a>
            </div>
          </div>
</script>



<div id="fullpage" class="">
  <!-- 首屏 -->
  <div class="section sp_ban active">
    <!-- 背景图 -->
    <div class="bg_ban">
      <img src="{{ url('/home/picture/bg_1.jpg') }}" alt="超级会员">
      <img src="{{ url('/home/picture/bg_2.jpg') }}" alt="更尊贵更全面更优惠">
    </div>
    <!-- 背景图 end -->
     <!--滤镜-->
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-filters">
      <defs>
        <filter id="filter-glitch-3">
          <feTurbulence type="fractalNoise" baseFrequency="0.000001" numOctaves="1" result="warp"></feTurbulence>
          <feOffset dx="0" dy="0" result="warpOffset"></feOffset>
          <feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="30" in="SourceGraphic" in2="warpOffset"></feDisplacementMap>
        </filter>
      </defs>
    </svg>
    <!--滤镜 end-->
    <!--动画-->
    <div class="animate_box">
      <div class="rock1"></div>
      <div class="rock2"></div>
      <div class="rock3"></div>
      <div class="rock4"></div>
      <div class="sp_logo_wp" id="component-7">
        <div class="logo_silver">
          <div class="triangle"></div>
          <div class="s"></div>
          <div class="slogan"></div>
        </div>
        <div class="logo_golden"></div>
      </div>
    </div>
    <!--动画-->
    <div class="modwp">
      <div class="sp_logo">
        <h2 class="hide">超级会员</h2>
        <p class="hide">更尊贵的会员身份 更全面的特权享受 更优惠的会员价格</p>
        <div class="sp_logo_grey"></div>
      </div>
      <div class="btn_wp_in">
        <a href="javascript:;" class="btn_insuper open_vip" clickid="ktcj_001">加入超级会员</a>
      </div>
      <div class="privilege_wp">
        <div class="prv_box">
          <p class="tit">更尊贵</p>
          <p class="subtit">超级会员身份特权给您顶级尊贵体验</p>
          <div class="badge_wp">
            <div class="prv">
              <i class="badge badge_crown"></i>
              <p>迅雷顶级VIP</p>
            </div>
            <div class="prv">
              <i class="badge badge_id"></i>
              <p>身份优先展示</p>
            </div>
            <div class="prv">
              <i class="badge badge_nameplate"></i>
              <p>黑金尊贵铭牌</p>
            </div>
          </div>
        </div>
        <div class="prv_box">
          <p class="tit">更全面</p>
          <p class="subtit">超级会员功能特权为您提供全方位加速</p>
          <div class="badge_wp">
            <div class="prv">
              <i class="badge badge_pt"></i>
              <p>白金会员特权</p>
            </div>
            <div class="prv">
              <i class="badge badge_kn"></i>
              <p>快鸟会员特权</p>
            </div>
            <div class="prv">
              <i class="badge badge_jsq"></i>
              <p>网游加速特权</p>
            </div>
          </div>
        </div>
        <div class="prv_box">
          <p class="tit">更优惠</p>
          <p class="subtit">每月仅需30元即可享受价值45元的服务</p>
          <div class="badge_wp">
            <div class="prv">
              <i class="badge badge_txt"><span>30元/月</span></i>
              <p>原价45元/月</p>
            </div>
            <div class="prv">
              <i class="badge badge_txt"><span>24元/月</span></i>
              <p>年费低至</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 首屏 end -->

  <!-- 第二屏 -->
  <div class="section sp_gift">
    <div class="modwp">
      <div class="sec_hd">
        <h3>开通超级会员送好礼</h3>
        <p class="subhd">本页面开通超级会员时长可累计，开通时长越大可领取礼包价值越高</p>
      </div>
      <div class="gift_wp">
        @foreach($data as $k => $v)
        @if($v -> pid == 1)
         <div class="gift_box">
          <div class="gift_cont">
            <!--角标-->
            <span class="mark">强力<br>推荐</span>
            <!--角标 end-->
            <p class="condition">开通<em class="emphasis">{{ $v -> type}}</em><em class="emphasis">送</em></p>
            <div class="img_wp_gift">
              <img src="{{ url('/uploads/imgs/') }}/{{ $v -> pic}}" alt="{{ $v -> gift}}">
            </div>
            <div class="gift_txt">
              <span class="gift_name">{{ $v -> gift}}</span>
            </div>
            <!--浮层-->
            <div class="pop_gift">
              <p>{{ $v -> content}}</p>
            </div>
            <!--浮层 end-->
          </div>
          <div class="btn_wp_gift">
            <a href="javascript:;" class="btn_get"  id="lq1" clickid="lqcj_001">立即领取</a>
            <a href="javascript:;" class="btn_get_off" id="lw1" style="display:none;">已领取完了</a>
          </div>
        </div>
        @endif
        @endforeach
      </div>
    </div>
  </div>
  <!-- 第二屏 end -->

  <!-- 第三屏 -->
 <div class="section sp_welfare">
    <div class="modwp">
      <div class="sec_hd">
        <h3>超级会员每月领福利</h3>
        <p class="subhd">超级会员每月可领以下福利，每个福利限领一次，领完即止</p>
      </div>
      <div class="gift_wp">
    @foreach($data as $k => $v)
        @if($v -> pid == 2)
        <div class="gift_box">
          <div class="welfare_cont">
            <div class="tit_wp">
              <p class="tit">{{ $v -> type}}</p>
              <p class="subtit">已经有<em class='vip2016cjzq11'>0</em>人领取</p>
            </div>
            <div class="img_wp_welfare">
              <img src="{{ url('/uploads/imgs/') }}/{{ $v -> pic }}" alt="大麦网代金券">
            </div>
            <!--浮层-->
            <div class="pop_welfare">
              <p>{{ $v -> content}}</p>
            </div>
            <!--浮层 end-->
          </div>
          <div class="btn_wp_gift">
            <a href="javascript:;" class="btn_get" id="lq5" clickid="lqcj_005">立即领取</a>
            <a href="javascript:;" class="btn_get_off"  id="lw5" style="display:none;">已领取完了</a>
          </div>
        </div>
       @endif
       @endforeach
      </div>
    </div>
  </div>
  <!-- 第三屏 end -->

  <!-- 第四屏 -->
  <div class="section sp_state">
    <div class="modwp">
      <div class="sec_hd">
        <h3>超级会员专区说明</h3>
      </div>
      <div class="state_wp">
        <ul>
          <li><i class="order">1</i>在此页面开通超级会员，即可免费领取礼包；相同的礼包只能领取1次</li>
          <li><i class="order">2</i>3元代金券只能用于开通，不能用于升级（无价格限制），10元代金券只能抵扣价值超过75元（含75元）的会员服务，可用于升级</li>
          <li><i class="order">3</i>下载宝等实物礼品将在订单完成支付的三个工作日内（周六、日及法定节假日不发货）为您发货，请在此<a href="javascript:;" class="act_address">完善您的收货信息&gt;&gt;</a>，<a href="javascript:;" id="ckdd">查看物流&gt;&gt;</a></li>
          <li><i class="order">4</i>小运营商（移动、长宽等）网络可能会存在限制使用下载宝登录和下载等问题，建议联系运营商解除限制</li>
          <li><i class="order">5</i>请用户务必在购买超级会员前对其所包含的快鸟特权进行提速测试，确认当前所在宽带线路可提速，以免发生不必要之纠纷</li>
          <li><i class="order">6</i>您可在此处查看我的礼品，<a href="javascript:;" class="act_prizelist">查看获得的奖品&gt;&gt;</a></li>
          <li><i class="order">7</i>迅雷客服电话：<em class="emphasis">400-1111-000</em>，客服在线时间为早上八点到晚上十二点；在法律范围允许内，最终解释权归迅雷所有</li>
        </ul>
      </div>
    </div>
    <!-- public footer -->
<div class="vip-footer">
    <div class="modwp">
        <div class="mapin">
            <dl class="fuwu">
                <dt>迅雷会员服务</dt>
                <dd>
                    <a href="http://www.xunlei.com" class="links" target="_blank"><i class="sicontq ic-xlpd"></i>迅雷官网</a>
                    <a href="http://bbs.xunlei.com/forum.php" class="links" target="_blank"><i class="sicontq ic-xlbbs"></i>迅雷论坛</a>
                    <a href="http://jsq.xunlei.com" class="links" target="_blank"><i class="sicontq ic-netjsq"></i>迅雷网游加速器</a>
                    <a href="https://www.fengniaojr.com/" class="links" target="_blank"><i class="sicontq ic-jinrong"></i>蜂鸟金融</a>
                    <a href="http://jiuwo.xunlei.com/?referfrom=jw_pc_hygw_ggong_db" class="links" target="_blank"><i class="sicontq ic-jwzb"></i>酒窝直播</a>
                    <a href="http://k.xunlei.com/" class="links" target="_blank"><i class="sicontq ic-kuainiao"></i>迅雷快鸟</a>
                </dd>
            </dl>
            <dl class="kefu">
                <dt>迅雷会员专属客服</dt>
                <dd>
                    <p class=""><span class="txt_kf">客服热线：400-1111-000 7x12小时服务</span></p>
                    <p><a href="http://vip.xunlei.com/vip_service/help/" target="_blank" class="" title="">帮助中心</a><em class="line">|</em>
                        <a target="_blank" href="http://xlzh.xlkf.xunlei.com/?companyID=8950&configID=35&enterurl=vip.xunlei.com&policyId=25&live800_domain=vip.xunlei.com&live800_robot_ud_vip=vip"
                            class="" title="">在线客服</a>
                        <!-- <em class="line">|</em><a target="_blank" href="http://bbs.xunlei.com/forum-39-1.html" class="" title="">意见反馈</a> --></p>
                </dd>
            </dl>
            <dl class="gz">
                <dt>关注我们</dt>
                <dd><a target="_blank" href="http://weibo.com/xunleivip" class="ic_gz" title=""><i class="sicontq iconwb ic-sinawb"></i>关注新浪微博</a></dd>
                <dd style="z-index:2"><a href="javascript:void(0)" class="ic_gz ic-wxgz" title=""><i class="sicontq iconwb ic-wx"></i>关注微信</a>
                    <div class="p_wxcode" style="display:none">
                        <em class="icjiao"><i></i></em>
                        <p class=""><img alt="" src="{{ url('/home/picture/vipwx.png') }}"></p>
                    </div>
                </dd>
                <dd style="z-index:1">
                    <a href="javascript:void(0)" class="ic_gz ic-qqgz" title=""><i class="sicontq iconwb ic-qq"></i>关注QQ</a>
                    <div class="p_wxcode" style="display:none">
                        <em class="icjiao"><i></i></em>
                        <p class=""><img alt="迅雷会员qq订阅号二维码" src="{{ url('/home/picture/vipqq.png') }}"></p>
                    </div>
                </dd>
            </dl>
        </div>

        <div class="foot">
            <p class="f-nav"><a target="_blank" href="http://pstatic.xunlei.com/about/about.htm">关于迅雷</a><a target="_blank" href="http://dl.xunlei.com/index.htm?tag=1">下载迅雷</a><a target="_blank" href="http://hr.xunlei.com/">加盟迅雷</a><a target="_blank" href="http://pstatic.xunlei.com/about/other/banner.html">广告服务</a>
                <a
                    target="_blank" href="http://www.xunlei.com/connection.html">商务合作</a><a target="_blank" href="http://help.xunlei.com/">客服中心</a><a target="_blank" href="http://aq.xunlei.com/index.html">安全中心</a><a target="_blank" href="http://vip.xunlei.com/tos.html">用户协议</a><span>|</span>&copy; 2003-2016 Xunlei.com
                    版权所有</p>
        </div>

    </div>
    <!-- modwp end -->
</div>
<!-- vip-footer end -->

<div class="p_getbom">
    <!-- <a href="javascript:void(0)" class="goerwei" title="扫描二维码">扫描二维码</a> -->
    <a href="https://wj.qq.com/s/947521/7e9c" class="gowenjuan" target="_blank" title="调查问卷">调查问卷</a>
    <a href="javascript:void(0)" class="gobacktop" title="返回顶部" style="display: none;">返回顶部</a>
    <!-- <div class="p_showma" style="display:none">
        <img width="120" height="120" src="Picture/vipqqbig.png" alt="" /><i></i>
    </div> -->
</div>

<div class="pop_box pop_login" style="display:none" id="login-pop">
    <div class="pop_box_wp">
        <div class="p_b_bd ">
            <div class="img_logo_wp">
                <img src="{{ url('/home/picture/logo_hd_w_2x.png') }}" alt="">
            </div>
            <div class="login_ifr" id="xl_login">
            </div>
        </div>
        <a id="log_close" class="p_b_close" title="关闭" href="javascript:msgExit();">关闭</a>
    </div>
</div>
<div class="pop_y16 noborder" id="renew-pop" style="display:none">
</div>
<div style="display:none;">
    <script type="text/javascript" src="{{ asset('/home/js/vip_baidu.js') }}"></script>
</div>
<script type="text/javascript" src="{{ asset('/home/js/pv_click_v2.js') }}"></script>
<script type="text/javascript">
(function() {
    var xla = window.xla || (window.xla = []);
    xla.push({
        type: 'config',
        appid: 20005,
        secret: '67f99340ea657912a5237f256cf40034'
    });
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = 'https://res-etl-ssl.xunlei.com/v1.0.0/xla.min.js';
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
})();
</script>

<link rel="stylesheet" rev="stylesheet" type="text/css" media="all" href="{{ asset('/home/css/srn_tjinfo.css') }}"  />
<div class="layout" id="pay_box" style="display: none">
  <div class="pop" style="height:auto">
    <div class="popinfo">
      <p id="pay_box_title"><strong id="pay_title">欢迎购买迅雷白金会员！</strong></p>
      <div id="pay_tips" style="color:#c80000;"></div>
      <div class="pay_type">
        <p class="sub_title"><em class="arr"></em><strong>选择支付方式</strong></p>
        <p class="sel_form" id="div_payway">
          <span class="selpad" data-payway="jd"><input type="radio" id="m6" name="payway" value="jd"><label for="m6" class="">京东支付</label></span>
          <span class="selpad" data-payway="zfb"><input type="radio" value="zfb" name="payway" id="m2"><label class="" for="m2">支付宝</label></span>
          <span class="selpad" data-payway="wy"><input type="radio" value="wy" name="payway" id="m1"><label class="" for="m1">网银支付</label></span>

          <span class="selpad" data-payway="pai"><input type="radio" value="pai" name="payway" id="m3"><label class="" for="m3">财付通</label></span>
          <span class="selpad" data-payway="ld"><input type="radio" value="ld" name="payway" id="m4"><label class="" for="m4">雷点支付</label></span>
          <span class="selpad" data-payway="wcode"><input type="radio" value="wcode" name="payway" id="m5"><label class="" for="m5">二维码支付</label></span>

        </p>

        <span class="ext_block" id="bank_box">
        <p class="sub_title"><em class="arr"></em><strong>选择银行</strong></p>
        <p class="sel_form ">
          <select id="pay_bank" class="sel_bank">
            <option value="CMB">招商银行</option>
            <option value="ICBC">中国工商银行</option>
            <option value="CCB">中国建设银行</option>
            <option value="ABC">中国农业银行</option>
            <option value="COMM">交通银行</option>
            <option value="BOCB2C">中国银行</option>
            <option value="SPDB">浦发银行</option>
            <option value="GDB">广东发展银行</option>
            <option value="CITIC">中信银行</option>
            <option value="CEBBANK">中国光大银行</option>
            <option value="CIB">兴业银行</option>
            <option value="SDB">深圳发展银行</option>
            <option value="CMBC">中国民生银行</option>
            <option value="SPABANK">平安银行</option>
            <option value="BJRCB">北京农村商业银行</option>
            <option value="NBBANK">宁波银行</option>
            <option value="SHBANK">上海银行</option>
            <option value="">其他银行</option>
          </select>
        </p>
        </span>

        <div class="ext_block sel_form" id="wcode_div" style="display:none;">
          <p class="sub_title"><em class="arr"></em><strong>二维码类别</strong></p>
          <span class="selpad"><input type="radio" value="0" name="paytype" id="p1"><label class="" for="p1">支付宝扫码支付</label></span>
          <span class="selpad"><input type="radio" value="1" name="paytype" id="p2"><label class="" for="p2">微信扫码支付</label></span>
        </div>

        <p class="sub_title"><em class="arr"></em><strong id="content_tip">购买时长</strong></p>
        <p class="sel_form" id="div_month" style="display:none">
          <span class="selpad02"><input type="radio" value="1" id="m10" name="monthinfo"><label class="" for="m10">1月</label></span>
          <span class="selpad02"><input type="radio" value="3" id="m11" name="monthinfo"><label class="" for="m11">3月</label></span>
          <span class="selpad02"><input type="radio" value="6" id="m12" name="monthinfo"><label class="" for="m12">6月</label></span>
          <span class="selpad02"><input type="radio" value="12" id="m16" name="monthinfo"><label class="" for="m16">12月</label></span>
        </p>
        <p class="sub_title"><em class="arr"></em><strong id="content_tip_update">升级会员时长</strong></p>
        <p class="sel_form" id="div_month_update" style="display:none;">
          <span class="selpad02">升级剩余时间 <em style="color:#c80000;">10</em> 天，需 <em style="color:#c80000;">10</em> 元，已打 <em style="color:#c80000;">10</em> 折</span>
        </p>
        <div class="" id="cash_item" style="display:none">
        <p class="sub_title"><em class="arr"></em><strong >请选择/输入代金券</strong></p>
        <div class="cash_list">
          <div class="cash_wp">
             <input value="" placeholder="请输入您的代金券" id="cash_input"/>
             <i class="ico_down"></i>
          </div>
         <ul style="display:none;" id="cash_list">
            <!-- <li><a href="#">3元代金券</a></li>
            <li><a href="#">3元代金券</a></li>
            <li><a href="#">3元代金券</a></li>
            <li><a href="#">3元代金券</a></li> -->
          </ul>
          <p id="cash_status" class="cash_status">该代金券已经被使用</p>
        </div>
        </div>
        <div id="footer_tips" style="color:#c80000;padding-top:5px;"></div>
        <span id="ld_pwd_div" style="display:none;">
          <p class="sub_title"><em class="arr"></em><strong>支付密码</strong></p>
          <p class="sel_form "><input type="password" style="width:98px;height:18px;line-height:18px;" id="ld_pwd" class="">&nbsp;<span id="ld_pwd_tips" style="display:none;color: #FF0000;font-size: 12px;"></span> &nbsp;<a title="忘记密码" class="c_loglink" href="http://pay.xunlei.com/psd_jump.html" target="_blank">忘记密码？</a></p>
        </span>

        <p class="sub_title"><em class="arr"></em><strong>总金额</strong></p>
        <p class="sel_form "><strong class="txt_all" id="showmoney"></strong> <strong class="txt_all" id="origin" >( 原价:<span style="text-decoration:line-through;"></span> )</strong></p>
      </div>
    </div>
    <p class="btn" style="text-indent:0">
      <a href="javascript:;" class="link_btn" id="pay_btn" title="确认支付" clickid="pop_pay_button" buttontype = "pay_page_button">确认支付</a>

    </p>
    <a class="close" href="javascript:;" name="close_box" title="关闭">关闭</a>
  </div>
</div>


<!-- 订单查询页 -->
<div class="n_layout" id="query_pop_id" style="display:none">
  <div class="lay_con">
    <h2 id="query_pop_title">请确认支付结果</h2>
    <div class="pinfo">
      <em class="ic"></em>
      <h3 id="querymsgtitle">请您在新打开的页面完成支付！</h3>
      <ul id="query_ul_pay">
        <li>支付帐号：<span name="qpuser" style="font-weight:bold;"></span></li>
        <li style="height:auto;">礼包内容：<span name="qpmomth" style="font-weight:bold;"></span></li>
        <li>支付完成前请不要关闭此窗口</li>
        <li>支付失败时，您可拨打400-1111-000，<a href="http://xlzh.xlkf.xunlei.com/?companyID=8950&configID=28&enterurl=pay.vip.xunlei.com&policyId=20&live800_domain=pay.vip.xunlei.com&live800_robot_ud_payvip=payvip" target="_blank">迅雷客服</a>竭诚为您服务。</li>
      </ul>
      <ul id="query_ul_fail" style="display:none;">
        <li>如果还不能帮到您，请拨打400 1111 000获得<a href="http://xlzh.xlkf.xunlei.com/?companyID=8950&configID=28&enterurl=pay.vip.xunlei.com&policyId=20&live800_domain=pay.vip.xunlei.com&live800_robot_ud_payvip=payvip" target="_blank">迅雷客服</a>支持。</li>
        <li><strong>可能原因：</strong><br>1.您的支付过程没有完成<br>2.支付完成，系统稍有延迟，请稍后查询</li>
      </ul>
    </div>
    <div class="btn_area">
      <a href="javascript:;" id="queryBtn" title="支付成功" class="n_l_btn">支付成功</a>
      <a href="javascript:;" name="close_box" title="支付失败，重试" class="n_l_btn">支付失败，重试</a>
    </div>
    <span class="close"><a href="javascript:;" name="close_box" title="关闭">关闭</a></span>
  </div>
</div>


<!-- 支付成功页码 -->
<div class="n_layout" id="success_pop_id" style="display:none">
  <div class="lay_con">
    <h2 id="success_pop_title">恭喜，支付已成功</h2>
    <div class="pinfo">
      <em class="ic"></em>
      <h3>恭喜您，支付成功！</h3>
      <ul>
        <li>支付帐号：<span name="qpuser" style="font-weight:bold;"></span></li>
        <li style="height:auto;">礼包内容：<span name="qpmomth" style="font-weight:bold;"></span></li>
        <li id="sucmsgcont">欢迎下载最新版<a href="http://dl.xunlei.com" target="_blank" id="kehuduan">迅雷客户端</a>并重新登录,或重新登录会员中心,查看服务状态,享受尊贵会员特权。</li>
      </ul>
    </div>
    <div class="btn_area">
      <a href="javascript:;" name="relogin_box" title="我知道了" class="n_l_btn">我知道了</a>
    </div>
    <span class="close"><a href="javascript:;" name="relogin_box" title="关闭">关闭</a></span>
  </div>
</div>


<!-- 雷点余额不足 -->
<div class="n_layout" id="ldfail_pop_id" style="display:none">
  <div class="lay_con">
    <h2 id="ldfail_title">请确认支付结果</h2>
    <div class="pinfo">
      <em class="ic"></em>
      <h3>抱歉，支付失败</h3>
      <ul>
        <li>您的雷点帐户余额为 <strong class="c_imp" id="ldrest"></strong> 雷点，不足以完成本次支付，</li>
        <li>请先<a href="http://pay.xunlei.com/" target="_blank" class="c_imp">充值</a>。充值完成后，点此<a href="javascript:;" name="close_box" id="repay_id">重新支付</a></li>
      </ul>
    </div>
    <div class="btn_area">
      <a href="javascript:;" name="close_box" title="我知道了" class="n_l_btn">我知道了</a>
    </div>
    <span class="close"><a href="javascript:;" name="close_box" title="关闭">关闭</a></span>
  </div>
</div>

<!-- 公共消息层 -->
<div class="n_layout" id="alert_msg_div" style="display:none">
  <div class="lay_con">
    <h2 id="alert_msg_title">提示信息</h2>
    <div class="pinfo">
      <em class="ic"></em>
      <ul>
        <li id="alert_msg_p"></li>
      </ul>
    </div>
    <div class="btn_area">
      <a href="javascript:;" name="close_box" title="确认" class="n_l_btn">确认</a>
    </div>
    <span class="close"><a href="javascript:;" name="close_box" title="关闭">关闭</a></span>
  </div>
</div>

<!-- 支付宝扫码支付消息层-->
<div class="n_layout" id="zfb_code_div" style="display:none;width:646px;">
  <div class="lay_con">
    <h2 id="confirm_msg_title">确认订单</h2>
    <div class="info" style="margin:10px 0;padding-left:0px;height:300px;" id="wcode_iframe"></div>
    <div class="info" id="loading-tip"style="display:none;margin:10px 0;height:300px;">
      
      <div style=" float:left;font-size: 18px;padding: 140px 0 0 60px;vertical-align: top;">微信二维码加载中，请稍后</div>
    </div>
    <span class="close"><a href="javascript:;" id="confirm_wcode_close" name="close_box" title="关闭">关闭</a></span>
  </div>
</div>

<form name="myorderform" id="myorderform" method="post" action="" target="_blank">
<input type="hidden" name="po_way" id="po_way"/>
<input type="hidden" name="po_source" id="po_source"/>
<input type="hidden" name="po_month" id="po_month" />
<input type="hidden" name="po_num" id="po_num" />
<input type="hidden" name="po_num2" id="po_num2" />
<input type="hidden" name="po_ext1" id="po_ext1"/>
<input type="hidden" name="po_ext2" id="po_ext2"/>
<input type="hidden" name="po_active" id="po_active"/>
<input type="hidden" name="taocan" id="po_taocan"/>
<!-- fix value -->
<input type="hidden" name="po_waytype" value="wy_zfb"/>
<input type="hidden" name="po_ispresent" value="0"/>
<input type="hidden" name="po_presentxlid" value=""/>
<input type="hidden" name="po_autodeduct" value="0" />
<input type="hidden" name="po_extmoney" id="po_extmoney" value="0" />
<input type="hidden" name="po_extdays" id="po_extdays" value="0" />
<input type="hidden" name="membermonth" id="membermonth" value="0" />
<input type="hidden" name="po_data" id="po_data" value="0" />
<input type="hidden" name="po_data2" id="po_data2" value="" />
<input type="hidden" name="po_actid" id="po_actid" value="" />
<input type="hidden" name="po_pid" id="po_pid" value="" />
<input type="hidden" name="po_inviteid" id="po_inviteid" value="" />
<input type="hidden" name="po_cachetime" id="po_cachetime" value="" />
<input type="hidden" name="po_ext4" id="po_ext4" value="" />
<input type="hidden" name="fgurl" id="fgurl" value="" />
<input type="hidden" name="referfrom" id="referfrom" value="" />
<input type="hidden" name="po_cachetime" id="po_cachetime" value="" />
<input type="hidden" name="aidfrom" id="aidfrom" value="" />
<input type="hidden" name="po_cash" id="po_cash" value="" />
<input type="hidden" name="po_platform" id="po_platform" value="pc" />
</form>
    
</script>


  </div>
  <!-- 第四屏 end -->
</div>

<!-- 侧边导航 -->
<div class="sidenav_wp">
  <div class="btn_wp_switch">
    <a href="#" class="btn_unfold">展开</a>
    <a href="#" class="btn_packup">收起</a>
  </div>
  <div class="sidenav">
    <a href="#">回到特权</a>
    <a href="#"><i class="ico_gift"></i>开通送好礼</a>
    <a href="#">免费领福利</a>
    <a href="#">专区说明</a>
  </div>
</div>

<!--滚屏图标-->
<div class="mouse-container">
  <a href="#intro">
    <div class="mouse">
      <span class="scroll-down"></span>
    </div>
  </a>
</div>

<!--返回顶部-->
<div class="p_getbom">
  <a href="javascript:void(0)" class="gobacktop" title="返回顶部">返回顶部</a>
</div>
 <div class="pop-wrap" id="myoderlist" style="display:none">
      <a href="javascript:msgExit();" class="pop-close" title="关闭">&times;</a>
      <div class="pop-title">我的订单</div>
      <div class="pop-order">
        <div class="pop-ordernumber"><span></span></div>
        <div class="pop-ordertime"></div>
        <table class="pop-ordertable2">
          <thead>
          <tr>
            <!-- <th class="pop-orderleft" colspan="2">订单编号：<span id="orderid">暂无</th>
            <th class="pop-orderright" colspan="2">下单时间：<span id="addtime">暂无</span></th> -->
          </tr>
          </thead>
        </table>
        <table class="pop-ordertable">
          <thead>
          <tr class="pop-orderhead">
            <th>赠品</th>
            <th>下单时间</th>
            <th>订单状态</th>
            <th>订单编号</th>
            <th>物流信息</th>
          </tr>
          </thead>
          <tbody id="dd">
          <tr >
            <td>暂无</td>
            <td>暂无</td>
            <td>暂无</td>
            <td>暂无</td>
            <td>暂无</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
</body>
<script src="{{ asset('/home/js/jquery-1.12.0.min.js') }}"></script>
<script src="{{ asset('/home/js/base.js') }}"></script>
<script src="{{ asset('/home/js/imagesloaded.pkgd.min.js') }}"></script>
<script src="{{ asset('/home/js/jquery.mousewheel.min.js') }}"></script>
<script src="{{ asset('/home/js/tweenmax.min.js') }}"></script>
<script src="{{ asset('/home/js/xl9.js') }}"></script>
<script type="text/javascript">
    if (location.href.indexOf("?dev") != -1 || seajs.data.debug == true) {

        seajs.use('/vipnew/dist/seajs-wrap.js',function(){
            seajs.use("/vipnew/source/cjzq.js");
        });
    }
    else {
      //console.log(seajs.data.debug);
         //seajs.use("/new/dist/seajs-wrap-debug");
        
    }
</script>
<script>
/* 首屏动画 */
function banAni() {
  var bt = document.querySelectorAll('#component-7')[0];
  var turbVal = { val: 0.000001 };
  var turb = document.querySelectorAll('#filter-glitch-3 feTurbulence')[0];
  var btTl = new TimelineLite({ paused: true, onUpdate: function() {
    turb.setAttribute('baseFrequency', '0.00001 ' + turbVal.val);
  } });

  btTl.to(turbVal, .4, { val: 0.4 });
  btTl.to(turbVal, .1, { val: 0.000001 });

  btTl.restart();
}

/* 初始化页面滚动参数 */
function initPageScroll(){
  var botpos = 3525-wh;
  for(var i = 0; i < 4; i++){
    stepKey[i+1] = $(".section:eq(" + i + ")").height()+stepKey[i];
  }
  stepKey.splice(1,0,stepKey[1]-wh);
  stepLen = stepKey.length;
  if(botpos < stepKey[stepLen-2]){
    stepKey.splice(stepLen-2,2,botpos);
  }else{
    stepKey.splice(stepLen-1,1,botpos);
  }
  stepLen = stepKey.length;
  if(wh > 930){
    for(var i = 2; i < stepLen-1; i++){
      stepKey[i]-= 60;
    }
  }else if(wh < 670){
    for(var i = 2; i < stepLen-1; i++){
      stepKey[i]+= 40;
    }
  }

  setTimeout(function(){
    $("#fullpage").animate({
      top: -stepKey[actKey]
    },500);
  },100);
}

/* 侧边栏导航收起展开 */
function sidenavToggle(){
  $(".sidenav").slideToggle("fast",function(){
    $(".btn_packup").toggle();
  });
}

var isIE = function(ver){
    var b = document.createElement('b');
    b.innerHTML = '<!--[if IE ' + ver + ']><i></i><![endif]-->';
    return b.getElementsByTagName('i').length === 1;
}
var isSafari = /constructor/i.test(window.HTMLElement);
var isFF = !!navigator.userAgent.match(/firefox/i);
var isAct = true; //控制滚轮事件开启
var wh = $(window).height();
var stepKey = [0]; //每次滚动位置
var actKey = 0; //当前滚动位置
var stepLen; //滚动次数

if (isSafari) {
  document.getElementsByTagName('html')[0].classList.add('safari');
}

$(function(){
  if(isIE(8)||isFF||isSafari){
    $(".animate_box,.btn_wp_in").addClass("ani");
  }
  if(isFF){
    $("html").removeClass("w900");
  }

  if(!isIE()&&!isFF&&!isSafari){
    $(".sp_ban").imagesLoaded(function(){
      $(".animate_box,.btn_wp_in").addClass("ani");
      setTimeout(function(){
          $(".sp_logo_wp").css("-webkit-filter","url(#filter-glitch-3)");
          banAni();
      },400);
    });
  }

  initPageScroll();

  $(window).resize(function(){
    initPageScroll();
    if(isFF){
      $("html").removeClass("w900");
    }
  });

  $(".btn_packup").click(function(){
    sidenavToggle();
  });
  $(".btn_unfold").click(function(){
    sidenavToggle();
  });

  $("#fullpage").mousewheel(function(event, delta) {
    if(isAct){
      isAct = false;
      switch (delta){
        case -1:
          actKey == stepLen-1 ? actKey : actKey++;
          break;
        case 1:
          actKey == 0 ? actKey : actKey--;
          break;
      }
      $("#fullpage").animate({
        top: -stepKey[actKey]
      },400,function(){
        setTimeout(function(){
          isAct = true;
        },300);
      });
      if(actKey > 0){
        $(".sidenav a").removeClass("on");
        $(".sidenav a:eq(" + (actKey-1) + ")").addClass("on");
      }else{
        $(".sidenav a").removeClass("on");
      }
    }
    return false;
  });

  /* 侧边导航 */
  $(".sidenav a").click(function(){
    actKey = $(this).index()+1;
    $("#fullpage").animate({
      top: -stepKey[actKey]
    },500);
    $(".sidenav a").removeClass("on");
    $(".sidenav a:eq(" + (actKey-1) + ")").addClass("on");
  });

});
</script>
</html>
